<style>
  .{{$template|escape:'html'}}_table1 {
    background-image: url(images/pageasst/pagecustomer/listtop.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 90px;
    margin: 20px 0 0 0;
  }
  .{{$template|escape:'html'}}_td1 {
    height: 30px;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 440px;
  }
  .{{$template|escape:'html'}}_table2 {
    background-image: url(images/pageasst/pagecustomer/listback.png);
    background-repeat: no-repeat;
    width: 360px;
    height: 300px;
  }
  .{{$template|escape:'html'}}_table3 {
    background-image: url(images/pageasst/pagecustomer/listback.png);
    background-repeat: no-repeat;
    width: 360px;
    height: 300px;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 360px;
    height: 70px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 100px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td5 {
    height: 29px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 360px;
    height: 70px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 100px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    height: 32px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_img1 {
    margin: 0 8px 0 30px;
  }
  .{{$template|escape:'html'}}_img2 {
    margin: 0 8px 0 30px;
  }
  .{{$template|escape:'html'}}_inputText {
    width: 150px;
    margin: 0 0 0 5px;
  }
  .{{$template|escape:'html'}}_totalInputText {
    width: 100px;
    margin: 0 0 0 5px;
  }
  .{{$template|escape:'html'}}_inputSelect {
    width: 180px;
    margin: 0 0 0 5px;
  }
  /*------Price Table*/
  .{{$template|escape:'html'}}_table4 {
    background-image: url(images/pageasst/pagecustomer/priceback.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 35px;
    margin: 20px 0;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 30px;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 60px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td11 {
    width: 170px;
    vertical-align: middle;
    text-align: left;
  }
  .{{$template|escape:'html'}}_priceInputText {
    width: 150px;
    margin: 0 0 0 5px;
    background-color: #ffffff;
    border: solid 1px #f3773a;
  }
  /*-----new orderbtn*/
  .{{$template|escape:'html'}}_table5{
    width: 820px;
    height: 21px;
    margin: 40px 0 0 0;
  }
  .{{$template|escape:'html'}}_td12 {
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td13 {
    text-align: right;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_button1 {
    cursor: pointer;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 880px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_img3 {
    vertical-align: top;
  }
  /*-------Order List--------*/
  .{{$template|escape:'html'}}_table7 {
    width: 880px;
  }
  .{{$template|escape:'html'}}_td14 {
    width：880px;
    height: 70px;
    text-align: center;
    vertical-align: top;
  }
  
  .{{$template|escape:'html'}}_table9 {
    width: 815px;
    height: 75px;
  }
  .{{$template|escape:'html'}}_td {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    width: 880px;
    height: 75px;
  }
  .{{$template|escape:'html'}}_td37 {
    background-image: url(images/pageasst/pagecustomer/topback.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 100px;
  }
  .{{$template|escape:'html'}}_td15{
    width: 150px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td16 {
    width: 200px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td17 {
    width: 200px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td18 {
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_table10 {
    background-image: url(images/pageasst/pagecustomer/back.png);
    background-repeat: no-repeat;
    width: 815px;
    height: 45px;
  }
  .{{$template|escape:'html'}}_td19 {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    height: 10px;
    text-align: center;
    vertical-align: top;  
  }
  .{{$template|escape:'html'}}_td20 {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    height: 300px;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_table11 {
    background-image: url(images/pageasst/pagecustomer/listtitlebg.png);
    background-repeat: no-repeat;
    width: 830px;
    height: 29px;
  }
  .{{$template|escape:'html'}}_td21 {
    width: 100px;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td22 {
    width: 250px;
    height: 29px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td23 {
    width: 200px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td24 {
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td25 {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    vertical-align: bottom;
    height: 50px;
  }
  .{{$template|escape:'html'}}_table12 {
    background-image: url(images/pageasst/pagecustomer/back.png);
    background-repeat: no-repeat;
    width: 815px;
    height: 45px;
    margin: 20px 0;
  }
  .{{$template|escape:'html'}}_td26 {
    width: 100px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td27 {
    width: 200px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td28 {
    width: 50px;
    text-align: right;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td29 {
    width: 12px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td30 {
    width: 50px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td31 {
    width: 100px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_td32 {
    width: 100px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td33 {
    text-align: center;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_quantityInput {
    width: 35px;
    text-align: center;
  }
  /*---------customer note*/
  .{{$template|escape:'html'}}_td36 {
    background-image: url(images/pageasst/pagecustomer/bottomback.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 200px;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_table13 {
    background-image: url(images/pageasst/pagecustomer/customernotebg.png);
    background-repeat: no-repeat;
    width: 750px;
    height: 147px;
    margin: 0 0 20px 0;
   }
  .{{$template|escape:'html'}}_td34 {
     height: 27px;
   }
  .{{$template|escape:'html'}}_td35 {
    text-align: center;
    width: 750px;
    height: 120px;
  }
  .{{$template|escape:'html'}}_table14 {
    background-image: url(images/pageasst/pagecustomer/officernotebg.png);
    background-repeat: no-repeat;
    width: 750px;
    height: 147px;
    margin: 20px 0 40px 0;
   }
  .{{$template|escape:'html'}}_textareaInput {
    width: 745px;
    height: 116px;
    border: solid 1px #999;
    background-color: #e8e8e8;
  }
  .{{$template|escape:'html'}}_table15 {
    width: 840px;
    height: 50;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      new PageProgress(JSON.parse('{{$user|escape:javascript}}'), JSON.parse('{{$sd|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="{{$template|escape:'html'}}_td1">
    </td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td2" align="center">
      <table class="{{$template|escape:'html'}}_table2">
        <tr>
          <td class="{{$template|escape:'html'}}_td3" colSpan="2">
            <img src="images/pageasst/pagecustomer/iconbride.png" class="{{$template|escape:'html'}}_img1"></img>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4">
            <img src="images/pageasst/pagecustomer/name.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input1"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4"> 
            <img src="images/pageasst/pagecustomer/address.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input2"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4"> 
            <img src="images/pageasst/pagecustomer/address.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input3"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4">
            <img src="images/pageasst/pagecustomer/phone.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input4"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4">
            <img src="images/pageasst/pagecustomer/mobile.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input5"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4">
            <img src="images/pageasst/pagecustomer/email.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input6"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td4">
            <img src="images/pageasst/pagecustomer/source.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td5">
            <select class="{{$template|escape:'html'}}_inputSelect" id="input7"></select>
          </td>
        </tr>
        <tr>
          <td></td>
        </tr>
      </table>
    </td>
    <td class="{{$template|escape:'html'}}_td2" align="center">
      <table class="{{$template|escape:'html'}}_table3">
        <tr>
          <td class="{{$template|escape:'html'}}_td6" colSpan="2">
            <img src="images/pageasst/pagecustomer/icongroom.png" class="{{$template|escape:'html'}}_img2"></img>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7">
            <img src="images/pageasst/pagecustomer/name.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td8">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input8"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7"> 
            <img src="images/pageasst/pagecustomer/address.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td8">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input9"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7"> 
            <img src="images/pageasst/pagecustomer/address.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td8">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input10"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7">
            <img src="images/pageasst/pagecustomer/phone.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td8">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input11"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7">
            <img src="images/pageasst/pagecustomer/mobile.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td8">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input12"></input>
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td7">
            <img src="images/pageasst/pagecustomer/email.png"></img>
          </td>
          <td class="{{$template|escape:'html'}}_td8">
            <input type="text" class="{{$template|escape:'html'}}_inputText" id="input13"></input>
          </td>
        </tr>
        <tr>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table4">
  <tr>
    <td class="{{$template|escape:'html'}}_td9"></td>
    <td class="{{$template|escape:'html'}}_td10">
      <img src="images/pageasst/pagecustomer/price.png"></img>
    </td>
    <td class="{{$template|escape:'html'}}_td11">
      <input type="text" class="{{$template|escape:'html'}}_priceInputText" id="input14"></input>
    </td>
    <td class="{{$template|escape:'html'}}_td10">
      <img src="images/pageasst/pagecustomer/received.png"></img>
    </td>
    <td class="{{$template|escape:'html'}}_td11">
      <input type="text" class="{{$template|escape:'html'}}_priceInputText" id="input15" disabled=true ></input>
    </td>
    <td class="{{$template|escape:'html'}}_td10">
      <img src="images/pageasst/pagecustomer/anticipated.png"></img>
    </td>
    <td class="{{$template|escape:'html'}}_td11">
      <input type="text" class="{{$template|escape:'html'}}_priceInputText" id="input16" disabled=true></input>
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0">
  <tr>
    <td id="td1" class="{{$template|escape:'html'}}_td12">
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table6" cellPadding="0" cellSpacing="0">
  <tr>
    <td>
      <img src="images/pageasst/pagecustomer/line.png" class="{{$template|escape:'html'}}_img3"></img>
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table7" cellPadding="0" cellSpacing="0">
  <tr>
    <td align="center" class="{{$template|escape:'html'}}_td37">
    </td>
  </tr>
  
  <tr>
    <td align="center" class="{{$template|escape:'html'}}_td">
      <table class="{{$template|escape:'html'}}_table9">
        <tr>
          <td class="{{$template|escape:'html'}}_td16" id="td2"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table14" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="{{$template|escape:'html'}}_td34"></td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td35">
      <textarea class="{{$template|escape:'html'}}_textareaInput"  id="input25"></textarea>
    </td>
  </tr>
</table>
